* {
    padding: 0;
    margin: 0;
}
body, #app {  
    width: 100%;    
    display: flex;
    // background-color: #111;
    // color: #eee;
}
/* 设置滚动条的样式 */

::-webkit-scrollbar {
    width: 9px;
}

/* 滚动槽 */

::-webkit-scrollbar-track {
    box-shadow: inset 006px rgba(0, 0, 0, 0.3);
}

/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 006px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #5cb85c;
}

input[type='text'] {
    padding: 5px;
    height: 2.5em;//input高度
    margin-top: 2%;
    border: 1px solid #d8d8d8;
    background: #fcfcfc;
    line-height: 2em;
    border-radius:0.45em;

    &:focus{      
        box-shadow: 0 0 5px #ccc;
        border-color:#fff ;/*黑色边框改为白色*/
        outline:0;/*去掉默认谷歌点击input边框显示蓝色  */
        background: #fff;/*input内背景为白色*/
    }
}